﻿body {
    margin:0;
    padding:0;
}
.rows {
    width:100%;
}
.columnas-uno {
    width:100%;
    position:relative;
    float:left;
}
.columnas-dos {
    width:50%;
    position:relative;
    float:left;
}
.columnas-tres {
    width:33.3%;
    position:relative;
    float:left;
}
.columnas-cuatro {
    width:25%;
    position:relative;
    float:left;
}
.columnas-cinco {
    width:20%;
    position:relative;
    float:left;
}
.columnas-seis {
    width:16.6%;
    position:relative;
    float:left;
}
.columnas-siete {
    width:14.3%;
    position:relative;
    float:left;
}
.columnas-ocho {
    width:12.5%;
    position:relative;
    float:left;
}
.columnas-nueve {
    width:11.1%;
    position:relative;
    float:left;
}
.columnas-diez {
    width:10%;
    position:relative;
    float:left;
}
.columnas-once {
    width:9.09%;
    position:relative;
    float:left;
}
.columnas-doce {
    width:8.33%;
    position:relative;
    float:left;
}

.col-uno {
    position:relative;
    float:left;
    width:10%;
}
.col-dos {
    position:relative;
    float:left;
    width:20%;
}
.col-tres {
    position:relative;
    float:left;
    width:30%;
}
.col-cuatro {
    position:relative;
    float:left;
    width:10%;
}
.col-cinco {
    position:relative;
    float:left;
    width:50%;
}
.col-seis {
    position:relative;
    float:left;
    width:60%;
}
.col-siete {
    position:relative;
    float:left;
    width:70%;
}
.col-ocho {
    position:relative;
    float:left;
    width:80%;
}
.col-nueve {
    position:relative;
    float:left;
    width:90%;
}
.col-diez {
    position:relative;
    float:left;
    width:100%;
}

div {
     position:relative; 
}
#header {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:white;
    font-size:100%;
}
#head-uno {
    background-color:#0c4f7d;
}
#head-uno img {
    width:70%;
    border:0;
    height:auto;
    max-width:100%;
}
#head-dos {
    top:20px;
    right:50px;
    text-align:right;
}
#logout {
    top:7px;
}
#HrlCerrar {
    color:white;
    text-decoration:none;
}
#Imagen {
    left:30px;
}
a:hover{
    text-decoration:underline;
}
body{
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    line-height:1;
}
.sub-menu {
    line-height:1.3em;
}
.mainWrap{
    display: inline-block;
    width:100%;
    margin:0 auto;
    top:-20px;
}

nav{
    display:block;
    background:#3E4156;
}

.menu{
    display:block;
    text-align:center;
    font-size:130%;
}

.menu li{
    display: inline-block;
    position: relative;
    z-index:100;
}

.menu li:first-child{
    margin-left:0;
}

.menu li a {
    text-decoration:none;
    padding:11px;
    display:block;
    color:#ffffff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{
    color:#ffffff;
    background:#9CA3DA;
}

.menu ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 160px;
    position: absolute;
    top: 43px;
    left: 0px;
    background: #ffffff;
}

.menu ul li {
    display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
}
.menu ul li a {
    font-size:70%;
    font-weight:800;
    display:block;
    color:#797979;
    border-left:3px solid #ffffff;
    background:#ffffff;
}

.menu ul li a:hover, .menu ul li:hover > a{
    background:#f0f0f0;
    border-left:3px solid #9CA3DA;
    color:#797979;
}

.menu li:hover > ul{ 
    display: block;
}
.menu ul ul {
    left: 149px;
	top: 0px;
}

.mobile-menu{
    display:none;
    width:100%;
    padding:11px;
    background:#3E4156;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
}
.mobile-menu:hover{
    background:#3E4156;
    color:#ffffff;
    text-decoration:none;
}

footer {
    clear:both;
    font-family: 'Segoe UI' Verdana Helvetica sans-serif; 
}
#foot-up img{
    width:140px;
    padding-left:50px;
}
#foot-down {
    background-color:#0c4f7d;
    padding: 20px 50px;
    color:white;    
    font-size:1em;
}

